<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--同级目录--><!--alt当图片不能正常显示时显示的文本-->
<img src="aa.jpg" alt="这是个美女图片">
<!--上级目录--><!--title在图片上悬停时显示的文本内容-->
<img src="../b.jpg" alt="" title="图片标题" width="100" height="100">
<!--下级目录--> <!--只设置宽度,高度会自动等比例缩放, 像素和百分比两种赋值方式-->
<img src="abc/c.jpg" alt="" width="50%">
<!--绝对路径-->
<img src="https://cdn.tmooc.cn/bsfile//courseImg///c875e07de3204bffb6f1964786bcb88c.jpg" alt="">
</body>
</html>